<template>
  <div>
    {{ log('render') }}
    <button @click="start = !start">{{ start ? '开始' : '停止' }}</button>
  </div>
</template>

<script>
import moment from 'moment'

export default {
  data() {
    console.log('data')
    this.log = window.console.log
    return {
      now: moment(new Date()).format('YYYY-MM-DD HH:mm:ss'),
      start: false
    }
  },
  beforeCreate() {
    console.log('beforeCreate')
  },
  created() {
    console.log('created')
  },
  beforeMount() {
    console.log('beforeMount')
  },
  mounted() {
    console.log('mounted')
  },
  beforeUpdate() {
    console.log('undate')
  },
  updated() {
    console.log('updated')
  },
  beforeDestroy() {
    console.log('beforeDestory')
  },
  destroyed() {
    console.log('destoryed')
  }
}
</script>
